import { Box, Flex } from "@chakra-ui/react"
import React from "react"

const IOTitle = (({text}:any)=>{
    return (
        <Flex fontSize={'md'} alignItems={'center'} fontWeight={'medium'} mb={3}>
            <Box w="3px" h={'14px'} borderRadius={'13px'} bg={'red'} mr={1.5}/>
                {text}
        </Flex>
    )
})

export default React.memo(IOTitle)